//大的容器
.wlh-dropdown{
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .65rem 0;
    font-size: .88rem;
    color: #495057;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    margin: .125rem;
    position: absolute;
    top: 100%;
    left: 0px;
    a{
        text-decoration: none; color: inherit;
    }
    //方向
    &.wlh-dropdown-right{
        right: 0px !important;
    }
    //里面的内容
    .wlh-dropdown-item{
        font-size: .88rem;
        display: flex;
        align-items: center;
        transition: background-color 0.3s ease, color 0.3s ease;
        cursor: pointer;
        z-index: 6;
        position: relative;
    }
    &.show{
        display: block;
        animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    }
}
//每一个item
.wlh-dropdown-item{
    display: block;
    width: 100%;
    padding: .4rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    &:first-child{
        border-top-left-radius: calc(.25rem - 1px);
        border-top-right-radius: calc(.25rem - 1px);
    }
}
.wlh-dropdown-divider{
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}